var pageAnchor;
var topToolbar;
var myPageMask;

Ext.onReady(function(){

    Ext.QuickTips.init();

    Ext.form.Field.prototype.msgTarget = 'side';


    initToolbar();

    pageAnchor = new Ext.Panel({
        layout: 'anchor',
        id: 'topRowAnchor',
        anchor: '100%',
        items: [topToolbar],
        hideBorders: true
    });

    initPage();

    new Ext.Viewport({
        title: 'Column Layout - Percentage Only',
        layout:'column',
        id: 'viewport',
        items: [{
            width: 10,
            hideMode: 'visibility',
            hidden: true
        },{
            id: 'centerColumn',
            hideBorders: true,
            columnWidth: 1,
            items:[pageAnchor],
            border: false
        },{
            width: 10,
            hideMode: 'visibility',
            hidden: true
        }]
    })

});



